 <template>
	<div class="loading_container">
	    <div class="load_img"></div>
	</div>
</template>

<script>
    export default {
    	data(){
            return{
            }
        },
        mounted(){
        },
        beforeDestroy(){
        }
    }
</script>
<style lang="less" scoped>
  .loading_container{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 11;
  }
  .load_img{
    width: 100%;
    height: 100%;
    background: url(../../images/loading.gif) no-repeat 0 0;
    background-size: 1.8rem auto;
    transform: translateY(0px);
    animation: load .6s infinite ease-in-out;
    position: relative;
    z-index: 11;
  }
</style>

